<template>
    <div class="cart-list">
    <bscroll class="content" ref="scroll">
      <div>
        <cart-list-item v-for="(item,index) in product" :key="index" :item-info="item">{{item}}</cart-list-item>
      </div>
    </bscroll>
  </div>
</template>

<script>
import bscroll from '../../../src/components/common/BScroll/bscroll.vue'
import cartListItem from './cartListItem.vue'
export default {
    name:'cartlist',
    components: {
        bscroll,
        cartListItem
    },
    props: {
        product:{
            type:Array,
            defalut(){
                return []
            }
        }
    },
     activated(){
      console.log(this.$refs.scroll.scroll);
      
      this.$refs.scroll.scroll.refresh();
      console.log(this.$refs.scroll.scroll);
    }
}
</script>

<style scoped>
.cart_list {
  height: calc(100% - 44px -49px - 50px);
}
.content {
  height: 100%;
  overflow: hidden;
}
</style>